<template>
	<view class="empire-cart__summary">
		<view class="">
			<text>已参与</text>
			<text :style="{ color: '#1BA4F0' }">满{{ satis }}元减{{ offer }}元</text>
			<text>,再购买</text>
			<text :style="{ color: '#EE0C0C' }">{{ collect }}元</text>
			<text>可减</text>
			<text :style="{ color: '#EE0C0C' }">{{ minus }}元</text>
		</view>
		<view :style="{ display: 'inline-flex' }">
			<text :style="{ color: '#EE0C0C' }">去凑单</text>
			<uni-icons type="right" color="#EE0C0C"></uni-icons>
		</view>
	</view>
</template>

<script setup>
defineProps({
	showSummary: {
		type: Boolean,
		default: false
	},
	satis: {
		type: String,
		default: undefined
	},
	offer: {
		type: String,
		default: undefined
	},
	collect: {
		type: String,
		default: undefined
	},
	minus: {
		type: String,
		default: undefined
	}
});
</script>

<style lang="scss" scoped>
.empire-cart__summary {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	width: calc(100% - 60rpx);
	height: 64rpx;
	line-height: 64rpx;
	padding: 0 30rpx;
	background-color: #fff;
}
</style>
